@CHARSET "UTF-8";

body {
	margin: 0 auto;
	width: 700px;
	font: serif;
}

#header {
	clear: both;
	float: right;
	width: 700px;
	background: #FFCC66;
}

#header h1 {
	text-align: center;
}

#login {
	float: left;
	width: 150px;
	background: #FFFFCC;
	height: 500px;
}

#login h2,label,p,input {
	float: left;
	margin-left: 5px;
}

#login input {
	width: 120px;
}

#content {
	padding-top: 105px;
	padding-left: 15px;
	margin-left: 150px;
	background: #FFFFCC;
	height: 475px;
}

#counter {
	display: inline-block;
	min-width: 35px;
	margin: 2px;
/* 	background: url("../resources/images/button_background.png") repeat-x */
/* 		scroll 50% 50% #F6F6F6; */
	border: 1px solid #cccccc;
	color: #1B40C4;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
}

#content ul {
	font-size: 14px;
}

#footer {
	clear: both;
	float: right;
	width: 700px;
	background: #FFCC66;
}

#footer p {
	float: right;
	margin-right: 5px;
}

#playingField {
	background: #BBFF99;
	margin-right: 50px;
	height: 430px;
	width: 500px;
	float: left;
	padding-top: 20px;
}

div#playingField table {
	text-align: right;
}
div#playingField table {
	text-align: right;
}

.button {
	display: inline-block;
	min-width: 35px;
	margin: 2px;
/* 	background: url("../resources/images/button_background.png") repeat-x */
/* 		scroll 50% 50% #F6F6F6; */
	border: 1px solid #cccccc;
	color: #1B40C4;
	font-weight: bold;
	border-radius: 4px;
}

.button:hover {
/* 	background-image: url("../resources/images/button_background_hover.png"); */
	border-color: #fbcb09;
	color: #c77405;
}

.button.disabled {
	opacity: 0.35;
	filter: Alpha(opacity =                 35)
}

.button.disabled:hover {
/* 	background: url("../resources/images/button_background.png") repeat-x scroll 50% 50% */
/* 		#F6F6F6; */
	border: 1px solid #cccccc;
	color: #1B40C4;
}